// 路由文件
import Vue from 'vue'
// 引入vueRouter
import VueRouter from 'vue-router'

// Vue提供的加载插件方法
Vue.use(VueRouter)

// 导入路由渲染的组件
import Home from '../views/Home'
import News from '../views/News'
import NotFound from '../views/NotFound'

// 定义路由规则
const rules = [
  {
    // http://xxx/#/home
    // 路径 规则  uri
    path: '/home',
    // 渲染的组件是谁
    component: Home
  },
  {
    // http://xxx/#/news
    // 路径 规则  uri
    path: '/news',
    // 渲染的组件是谁
    component: News
  },
  // 重定向
  {
    path:'/',
    redirect: '/home'
  },
  {
    // * 通配符  404页面指定
    path: '*',
    component:NotFound
  }

]

// 创建VueRuter实例
const router = new VueRouter({
  // 路由模式  hash history  默认的规则就为hash
  mode: 'hash',
  routes: rules
})

// 导出
export default router
